<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="en" ng-app="HelpConnect"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>HelpConnect - Made by Humans</title>
    <link rel="stylesheet" href="stylesheets/hc.css">
    <link rel="stylesheet" href="stylesheets/extra.css">
    <script src="javascripts/vendor/custom.modernizr.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="javascripts/jquery.form.min.js"></script> 
    <script src="javascripts/jquery.tablesorter.min.js"></script> 
    <script src="javascripts/angular.min.js"></script>
    <script src="javascripts/angular-ui.min.js"></script>
    <script src="javascripts/controllers.js"></script>
    <script> 
      $(document).ready(function() { 
          $('#donateform').ajaxForm(function() { 
              alert("Thanks!"); 
              $('input').val('')
          }); 
          $("#donatelist").tablesorter({
            headers: {
              5:{sorter:false},
              6:{sorter:false}
            }
          }); 
      }); 
    </script> 
  </head>
  <body ng-controller="HelpConnect">
    <div id="curtain" class="ng-cloak" ng-cloak ui-if="curtain">
      <div id="modals">
        <div class="form">Form 1</div>
        <div class="form">Form 2</div>
      </div>
    </div>
    <nav>
      <div class="brand"><a href="index.php">Brand</a></div>
      <div class="it"><a href="donate-checklist.php">Donate</a></div>
      <div class="it"><a href="offer-checklist.php">Offer</a></div>
      <div class="it"><a href="#" ng-click="curtain = !curtain">[Debug: Curtain]</a></div>
      <div class="it"><a href="#">Link 1</a></div>
    </nav>
    <h6 class="quarter"></h6>